<template>
  <div>
    <el-row>
      <el-tree
        :data="depts"
        default-expand-all
      >
        <template>13</template>
      </el-tree>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      depts: [
        {
          name: '总裁办'
        },
        {
          name: '技术部',
          // 如果一个部门拥有子节点, 放在 children 属性当中
          children: [
            {
              name: '后端研发',
              children: [
                {
                  name: 'python'
                },
                {
                  name: 'php'
                }
              ]
            },
            {
              name: '前端研发'
            }
          ]
        },
        {
          name: '人事部'
        }
      ]
    }
  }

}
</script>

<style lang="less" scoped>

</style>
